import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { jsTypeToCppType } from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container: {
        flex: 1,
        width: width,
        height: createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7'
    },
    is_tips: {
        backgroundColor: '#FF8C00', position: 'absolute', top: 0, width: width, zIndex: 999, height: 25, fontSize: 12, color: '#ffffff', textAlign: 'center', lineHeight: 25
    },
    header: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#ffffff',
        width: width - 32,
        height: 30,
        marginLeft: 16,
        marginTop: 15,
        marginBottom: 10,
        borderRadius: 5,
        borderColor: '#d0162e',
        borderWidth: 1,
    },
    header_item: {
        width: (width - 32) / 3,
        textAlign: 'center',
        fontSize: 12,
    },
    header_item_on: {
        width: (width - 32) / 3,
        backgroundColor: '#d0162e',
        height: 30,
        lineHeight: 30,
        color: '#ffffff',
        textAlign: 'center',
        fontSize: 12,
    },
    table_th: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: width - 32,
        backgroundColor: '#fff',
        marginLeft: 16,
        height: 30,
        borderColor: '#e3e3e3',
        borderTopWidth: 1,
        borderRightWidth: 1,
    },
    table_th_text: {
        fontSize: 12,
        color: '#666666',
        textAlign: 'center',
        borderColor: '#e3e3e3',
        borderLeftWidth: 1,
        borderBottomWidth: 1,
        height: 30,
        lineHeight: 30,
    },
    lists: {


    },
    item: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: width - 32,
        backgroundColor: '#fff',
        marginLeft: 16,
        height: 75,
        borderColor: '#e3e3e3',

        borderRightWidth: 1,
    },
    item_td: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        height: 74,
        borderColor: '#e3e3e3',
        borderLeftWidth: 1,
        borderBottomWidth: 1,
    },
    item_td_row: {
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        height: 74,
        borderColor: '#e3e3e3',
        borderLeftWidth: 1,
        borderBottomWidth: 1,
    },
    textInput: {
        height: 25,
        padding: 0,
        lineHeight: 25,
        textAlign: 'center',
        width: 30,
        borderLeftWidth: 1,
        borderLeftColor: '#e5e5e5',
        borderRightWidth: 1,
        borderRightColor: '#e5e5e5',
        fontSize: 12,
        color: '#666666'
    },


    item_tips: {
        backgroundColor: '#f7f2f1',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: 0,
    },
    item_tips_hidden: {
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: -1,
        height: 0,
        overflow: 'hidden'
    },
    item_tips_title: {
        width: width - 32,
        fontSize: 12,
        color: '#666666',
        height: 25,
        lineHeight: 25,
        borderLeftWidth: 1,
        borderRightWidth: 1,
        borderBottomWidth: 1,
        borderColor: '#e5e5e5',
        textAlign: 'center'
    },
    item_tips_th: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        height: 25,
        borderRightWidth: 1,
        borderColor: '#e5e5e5',
    },
    item_tips_td: {
        borderLeftWidth: 1,
        borderBottomWidth: 1,
        borderColor: '#e5e5e5',
        width: (width - 32) / 4,
        fontSize: 12,
        height: 25,
        lineHeight: 25,
        color: '#666666',
        textAlign: 'center'
    },
    textR: {
        fontSize: 12,
        color: '#d0162e'
    },
    textD: {
        fontSize: 12,
        color: '#666666'
    },
    opt: {
        width: width,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff'
    },
    show_opt: {
        height: 200,
    },
    hide_opt: {
        height: 40,
        overflow: 'hidden'
    },
    bet_type: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: width,
        height: 40,
        backgroundColor: '#ffffff',
        borderBottomColor: '#f7f7f7',
        borderBottomWidth: 1,
    },
    beishu: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        width: width - 220,
        borderLeftColor: '#f7f7f7',
        borderLeftWidth: 1,
        borderRightColor: '#f7f7f7',
        borderRightWidth: 1,
    },
    beishu_input: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth: 1,
        borderColor: '#e5e5e5',
        borderRadius: 5,
        paddingLeft: 5,
        paddingRight: 5,
        marginLeft: 5,
        marginRight: 5,
    },
    type_lists: {
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        width: width,
        borderBottomWidth: 1,
        borderBottomColor: '#f7f7f7'
    },
    type_lists_item: {
        flexDirection: 'column',
        justifyContent: 'flex-start',
        alignItems: 'center',
        width: width - 16,
        paddingLeft: 16,
    },
    chuan_type_title: {
        width: width,
        height: 30,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center'
    },
    chuan_type_lists: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        justifyContent: 'flex-start',
        alignItems: 'center',
        width: width
    },
    chuan_type: {
        width: (width - 60) / 4,
        borderWidth: 1,
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 10,
        paddingRight: 10,
        textAlign: 'center',
        fontSize: 12,
        color: '#333333',
        marginTop: 5,
        marginLeft: 5,
        marginRight: 5,
    },
    chuan_type_on: {
        width: (width - 60) / 4,
        backgroundColor: '#d0162e',
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 10,
        paddingRight: 10,
        textAlign: 'center',
        fontSize: 12,
        color: '#ffffff',
        borderWidth: 1,
        borderColor: '#d0162e',
        marginTop: 5,
        marginLeft: 5,
        marginRight: 5,
    },
    yujijinge: {
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        width: width,
        height: 40,
        borderTopWidth: 1,
        borderTopColor: '#f7f7f7',
        borderBottomWidth: 1,
        borderBottomColor: '#f7f7f7',
        backgroundColor: '#ffffff'
    },
    yujijinge_sum: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
    },
    yujijinge_tips: {
        fontSize: 10,
        color: '#666666'
    },
    bottom: {
        flexDirection: 'row',
        justifyContent: 'space-around',
        alignItems: 'center',
        width: width,
        height: 50,
        backgroundColor: '#ffffff'
    },
    tuzhu: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#d0162e',
        height: 50,
        width: width,
    },
    dtuzhu: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#969696',
        color: '#333333',
        height: 50,
        width: width
    }
});
module.exports = Styles;
